<template>

    <ul>
        <h4>猜你喜欢</h4>
        <li v-for="item in list" :key="item.id" >
         <div style="width: 100%;">
            <p><img :src="item.images" alt="" style="width: 100%;" @click="$router.push(`/detail/${item.id}`)"></p>
            <p class="van-multi-ellipsis--l2">{{ item.title }}</p>
            <p style="color: red;">{{ item.price }}</p>
         </div>
        </li>
       
    </ul>
</template>
<script setup>
    import request from '@/utils/request.js';
    import { onMounted, ref } from "vue";
    const  list= ref([])
     onMounted(()=>{
        request.get('/list',{
            params:{
            pagination :1, 
            pageNum: 40,
        }
        }).then(res=>{
            if(res.data.code==200){
                list.value=res.data.data
            }
        })
        
     })
</script>